<!--
 * @Autor: Ruohong Yu
 * @Date: 2022-08-31 22:22:04
 * @Description: file content
 * @FilePath: \ebook\src\App.vue
-->
<template>
  <div id="app">
    <router-view/>
    <div>
      <suspend-ball-vue @handlepaly="handleaudioplay" style="cursor:pointer"></suspend-ball-vue>
    </div>
  </div>
</template>

<script>
import SuspendBallVue from './components/common/SuspendBall.vue'
import { storeShelfMixin } from './utils/mixin'
export default {
  components: { SuspendBallVue },
  mixins: [storeShelfMixin],
  methods: {
    handleaudioplay () {
      console.log(123)
    }
  }
}
document.addEventListener('DOMContentLoaded', () => {
  const html = document.querySelector('html')
  let fontSize = window.innerWidth / 10
  fontSize = fontSize > 50 ? 50 : fontSize
  html.style.fontSize = fontSize + 'px'
})
</script>

<style lang="scss" scoped>
#app{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: #7d8188;
  overflow: hidden;
}
</style>
